<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    
    div{

        height: 43px;
       /* background: thistle;*/
    }
    div a{

        float: right;
        margin-top:18px;
        font-size: 13px;
        margin-left: 21px;
        color: black
    }
    .right{
        width: 59px;
        height: 23px;
        background: rgb(116, 116, 240);
        
        
        float: right;
        margin-left: 21px;
        margin-top: 14px;
        margin-right: 9px;

    }
    .right p{
        margin-right: auto;
        margin-left: auto;
        font-size: 4px;
        margin-left: 6px;
        color: aliceblue
    }
    .badiu{
        width: 212px;
        height: 38px;
        background: rebeccapurple;
        margin-right: auto;
        margin-left: auto;
        margin-top: 71px;
    }
    .badiu img{
        width: 212px;
        height: 38px;

    }

    </style>
</head>
<body>
    <div>

        
        <div class="right"> <p>更多产品</p></div>
        <a href="">设置</a>
        <a href="">登录</a>
        <a href="">贴吧</a>
        <a href="">视频</a>
        <a href="">地图</a>
        <a href="">hao123</a>
        <a href="">新闻</a>
        <a href="">糯米</a>
    </div>
  <div class="badiu">
      <img src="baidu.png" alt="">
  </div>
</body>
</html>